﻿<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <span id="module">佛吉亚管理</span>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <span id="action">推车列表</span>
        </li>
    </ul>
</div>
<!-- END PAGE BAR -->
<div class="mt-bootstrap-tables" style="margin-top: 20px">
    <div class="row">
        <div class="col-md-12">
            <div class="portlet light bordered">
                @*<div class="portlet-title">
                        <div class="caption">
                            <i class="icon-social-dribbble font-green hide"></i>
                        </div>
                        <div class="actions">
                            <a class="btn btn-default" href="javascript:Edit(null);">
                                <i class="fa fa-plus"></i>创建
                            </a>
                        </div>
                    </div>*@
                <div class="portlet-body">
                    <!-- BEGIN FORM-->
                    <form id="defaultForm" class="form-horizontal" method="post" novalidate="novalidate">
                        <div class="mt-checkbox-inline" style="margin-top: -37px">
                            <div class="pull-left" style="margin-top: 20px">
                                @*<div class="col-md-12 col-sm-12">
                                    <label>
                                        入库时间：
                                        <div class="input-group input-large date-picker input-daterange" style="width: 120%" data-date="2016-07-19" data-date-format="yyyy-mm-dd">
                                            <input type="text" class="form-control" name="CreatedTimeRange" value="" required>
                                            <span class="input-group-addon"> 到 </span>
                                            <input type="text" class="form-control" name="CreatedTimeRange" value="" required>
                                        </div>
                                    </label>
                                </div>*@
                                <div style="display: inline-flex;">
                                    <label class="control-label">时间范围：</label>
                                    <div class="input-group input-large date-picker input-daterange" style="width: 120%;" data-date="2016-07-19" data-date-format="yyyy-mm-dd">
                                        <input type="text" class="form-control" name="CreatedTimeRange" value="" required>
                                        <span class="input-group-addon"> 到 </span>
                                        <input type="text" class="form-control" name="CreatedTimeRange" value="" required>
                                    </div>&nbsp;
                                </div>
                            </div>
                        </div>
                    </form>
                    <!-- END FORM-->
                    <table id="table-pagination" data-toggle="table" data-url="@Url.Action("GetScrapRecoredPagedList")"
                           data-height="526"
                           data-form-id="defaultForm"
                           data-show-refresh="true"
                           data-page-size="10"
                           data-page-list="[5, 10, 20, 50, 100, 200]"
                           data-auto-height="true"
                           data-search="true">
                        <thead>
                            <tr>
                                <th data-formatter="RowNumber" data-width="50">序号</th>
                                <th data-field="ProductName">产品</th>
                                <th data-field="CarNumber">推车号</th>
                                <th data-field="ProductTypeName" data-width="150">产品类型</th>
                                <th data-align="center" data-formatter="showScrapType" data-width="100">报废类型</th>
                                <th data-align="right" data-field="ProductCount" data-width="100">产品数</th>
                                <th data-align="center" data-field="CreatedTime" data-width="220">报废时间</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@section scripts{
    <script type="text/javascript">
        var showScrapType = function (value, row, index) {
            return ['-', '部份', '整车'][row.ScrapType];
        };
    </script>
}